<div id="jobInfo">
    <!--   代码{{ $t('jobInfo.bj') }}器样式引用开始   -->
    <link rel="stylesheet" href="libs/codemirror/lib/codemirror.css">
    <link rel="stylesheet" href="libs/codemirror/addon/hint/show-hint.css">
    <link rel="stylesheet" href="libs/codemirror/theme/3024-night.css">
    <link rel="stylesheet" type="text/css" href="custom/widgets/css/cronEditor.css" />
    <!--   代码{{ $t('jobInfo.bj') }}器样式引用结束   -->
    <!--列表区域-->
    <!--列表查询区域-->
    <el-form-q ref="jobInfoQuery" :field-data="queryFields" :buttons="queryButtons"></el-form-q>
    <!--列表按钮区域-->
    <div class="yu-toolBar">
        <el-button-group>
            <el-button icon="plus" @click="addFn" v-if="addButton">{{ $t('jobInfo.xzrw') }}</el-button>
            <el-button icon="edit" @click="modifyFn" v-if="modifyButton">{{ $t('jobInfo.bj') }}</el-button>
            <el-button icon="yx-bin" @click="deleteFn" v-if="deleteButton">{{ $t('jobInfo.sc') }}</el-button>
            <el-button icon="yx-unlocked" @click="triggerFn" v-if="triggerButton">{{ $t('jobInfo.zx') }}</el-button>
            <el-button icon="yx-lock" @click="suspendFn" v-if="suspendButton">{{ $t('jobInfo.zt') }}</el-button>
            <el-button icon="yx-lock" @click="recoveryFn" v-if="recoveryButton">{{ $t('jobInfo.hf') }}</el-button>
            <el-button icon="yx-lock" @click="openLogFn" v-if="openLogButton">{{ $t('jobInfo.rz') }}</el-button>
            <el-button icon="document" @click="openCodeEditFn" v-if="openCodeEditButton">GLUE</el-button>
        </el-button-group>
    </div>
    <!--主列表-->
    <el-table-x ref="jobInfoTable" :max-height="height - 140" :radiobox="true" :data-url="jobInfoTableUrl" :table-columns="tableColumns"
        @custom-detail-click="infoFn">
    </el-table-x>
    <!--新增修改维护面板-->
    <el-dialog-x :center="true" :title="viewTitle[viewType]" :visible.sync="dialogVisible" width="1000px">
        <el-form-x ref="jobInfoForm" :group-fields="updateFields" :buttons="updateButtons" :disabled="formDisabled" label-width="120px"></el-form-x>
    </el-dialog-x>
    <!--代码{{ $t('jobInfo.bj') }}器-->
    <el-dialog-x :center="true" :visible.sync="editCodeDialogFormVisible" height="500px" width="1200px" @close="closeFn">
        <el-form ref="ideEditorForm" v-model="ideEditor" :inline="true">
            <el-form-item :label="$t('jobInfo.lsbb')">
                <el-select v-model="ideEditor.thisSelectedCodeVersion" :placeholder="$t('jobInfo.qxz')" @change="codeVersionChanged()" width="100px">
                    <el-option v-for="item in ideEditor.codeVersionOptions" :key="item.value" :label="item.label" :value="item.value">
                    </el-option>
                </el-select>
            </el-form-item>
            <textarea ref="ideEditor" v-model="ideEditor.glueSource">
		    </textarea>
            <el-form-item :label="$t('jobInfo.dmbz')">
                <el-input v-model="ideEditor.glueRemark" :placeholder="$t('jobInfo.qsrdmbzxx')"></el-input>
            </el-form-item>
            <el-button type="primary" @click="saveNewCode()">{{ $t('jobInfo.bc') }}</el-button>
        </el-form>
    </el-dialog-x>
</div>
<style type="text/css">
    .CodeMirror {
        font-size: 16px;
        width: 100%;
        height: 100%;
        /*bottom: 0;
        top: 0px;*/
        position: absolute;
    }
</style>